<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%><%@taglib
	uri="http://java.sun.com/jsf/core" prefix="f"%>
	<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j" %> 
	<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="styles/style.css" type="text/css" rel="stylesheet"></link>
<title>Insert title here</title>
</head>
<body>
<div class="mainBackground">
			<div class="innerBackground">
<f:view locale="#{visitInfo.currentUser.locale}">
	<f:loadBundle basename="resources.VisionClickResources" var="msg"/>
	<jsp:include page="nav.jsp"></jsp:include>
	<table cellspacing="20px">
		<tr>
			<td style="vertical-align:top;">
				<div class="table" style="width:400px;">
					<div class="tableHead" style="width:400px;"><h:outputText value="#{msg.GettingStarted}"/></div>
					<h:panelGrid border="0" columns="2">
						<h:panelGroup>
							<img src="images/kk.jpg" width="50px" />
						</h:panelGroup>
						<h:panelGroup>
							<b>Thanks for choosing VisionClick</b><br/>
							Welcome to VisionClick-the easy way to help your<br/>
							team track and deliver projects.<br/><br/>
							<b>Where do I start?</b><br/>
							Learn more about configuring VisionClick with the VisionClick Guide.
						</h:panelGroup>
					</h:panelGrid>
				</div>
			</td><!-- end of welcome -->
			
			
			<td style="vertical-align:top;">
				<div class="table" style="width:500px">
					<div class="tableHead" style="width:500px"><h:outputText value="#{msg.Task}"></h:outputText></div>
					<h:form>
					<h:dataTable border="0" value="#{taskBean.userTasks}" var="task" width="500" captionStyle="background-color:gray;">
						<h:column id="column0">
							<f:facet name="header">
								<h:outputText value="#{msg.Tag}"></h:outputText>
							</f:facet>
							<h:graphicImage url="images/task.jpg" style="width:10px;height:10px;"></h:graphicImage>
						</h:column>
						<h:column id="column1">
							<f:facet name="header">
								<h:outputText value="#{msg.TaskName}"></h:outputText>
							</f:facet>
							<h:commandLink action="showtask">
								<h:outputText value="#{task.taskName}"></h:outputText>
								<f:param value="#{task.taskId}" name="taskId"></f:param>
							</h:commandLink>
						</h:column>
						<h:column id="column2">
							<f:facet name="header">
								<h:outputText value="#{msg.TaskDesc}"></h:outputText>
							</f:facet>
							<h:outputText value="#{task.taskDesc}"></h:outputText>
						</h:column>
						<h:column id="column3">
							<f:facet name="header">
								<h:outputText value="#{msg.TaskState}"></h:outputText>
							</f:facet>
							<h:outputText value="#{task.state}"></h:outputText>
						</h:column>
					</h:dataTable>
					</h:form>
			</div><!-- end of task div -->
			</td><!-- end of task list -->
		</tr>
		<tr>
			<td style="vertical-align:top;">
							<div class="table" style="width:400px;">
				<div class="tableHead" style="width:400px;"><h:outputText value="#{msg.Sprint}"/></div>
							<h:dataTable border="0" width="400" value="#{sprintBean.userCurrentSprint}" var="sprint">
								<h:column id="column1">
									<h:panelGrid width="400" columns="1">
										<h:outputText value="#{sprint.sprintName}" style="display:inline"/>
										<h:panelGrid columns="2">
												<h:graphicImage url="images/sprint.jpg" width="#{sprint.finishedPercent}"></h:graphicImage>
												<h:outputText value="#{sprint.finishedPercentNumeric}%"/>
										</h:panelGrid>
									</h:panelGrid>
								</h:column>
							</h:dataTable>
						</div>
			</td><!-- end of operation list -->
			
			
			<td style="vertical-align:top;">
				<div class="table" style="width:500px">
				<div class="tableHead" style="width:500px"><h:outputText value="#{msg.SevenDaysBurndownChart}"></h:outputText></div>
				<h:graphicImage url="#{chartBean.fileName}"></h:graphicImage>
			</div>
			</td><!-- end of s -->
		</tr>
	</table>
</f:view>
</div>
</div>		
</body>
</html>